<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8" />
    <title>静态props</title>
    <script src="vue.js"></script>
  </head>
  <body>
    <div id="app">
      <parent></parent>
    </div>
    <script>
      // 创建根实例
      var vm = new Vue({
        el: "#app",
        components: {
          parent: {
            template: `
                        <div>
                          <child para="abc"></child>
                          <child para="123"></child>
                        </div>`,
            components: {
              child: {
                props: ["para"],
                template: "<h1>{{ para }}</h1>",
              },
            },
          },
        },
      });
    </script>
  </body>
</html>
